<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<title>Register for SiYi</title>
		<script type="text/javascript" src="register.js"></script>		
		<link rel="stylesheet" type="text/css" href="register.css" />
	</head>
<body bgcolor="#ffffff" 
    text="#000000" 
    link="#0000cc" 
    vlink="#551a8b"
    alink="#ff0000" 
    dir='ltr'>
	<table width=95% border=0 align=center cellpadding=0 cellspacing=0>
		<tr valign=top>
  			<td width=1%>
			<img src="wuziqi.jpg" border=0 width=100 height=100 alt="SeYi" align=left vspace=10/>
  			</td>
  			<td width=99% bgcolor=#ffffff valign=top>
  							<table width=100% align=center cellpadding=0 cellspacing=0 bgcolor=#C3D9FF style=margin-bottom:5>
								<tr>
  									<td class=bubble rowspan=2 style="font-family:arial;text-align:left;font-weight:bold;padding:3 0">
  									<h1>Create a SiYi Account</h1></td>
								</tr>
  							</table>
  			</td>
  		</tr>
	</table>
	<div class="body">
	  <h3>Create an Account</h3>

	<form action="RegisterServlet" method="post" onSubmit="checkIFrame(); return false">
		<table>
			<tr><span class="gaia ops gsl">Get start with SiYi</span></tr>
			<tr>
				<td><font size="-1" face="Arial, sans-serif"><b>User name:</b></font></td>
				<td><input type="text" name="UserName" id="UserName" size="30" value="" onchange="checkUserName()" />
				<img src="" border=0 width=30 height=30 id="UserNamePic" name="UserNamePic" style="display:none"/>
				</td>
			</tr>
			<tr>
				<td valign="top" nowrap="nowrap"><font size="-1" face="Arial, sans-serif"><b>Enter a password:</b></font></td>
				<td><input type="password" name="PassWord" id="PassWord" size="30" value="" onpropertychange="checkPassWord()"/>
				<img src="" border=0 width=200 height=20 id="PassWordPic" name="PassWordPic" style="display:none"/>
				</td>
			</tr>
			<tr>
				<td valign="top"  nowrap="nowrap"><font size="-1" face="Arial, sans-serif"><b>Re-enter password:</b></font></td>
				<td><input type="password" name="PassWordConform" id="PassWordConform" size="30" value="" onchange="verifyPassWord()" />
				<img src="" border=0 width=30 height=30 id="PassWordConformPic" name="PassWordConformPic" style="display:none"/>
				</td>
			</tr>
			<tr>
				<td><font size="-1" face="Arial, sans-serif"><b>Real name:</b></font></td>
				<td><input type="text" name="RealName" id="RealName" size="30" value="" /></td>
			</tr>
			<tr>
				<td><font size="-1" face="Arial, sans-serif"><b>Question:</b></font></td>
				<td><input type="text" name="Question"  id="Question" size="30" value="" /></td>
			</tr>
			<tr>
				<td><font size="-1" face="Arial, sans-serif"><b>Answer:</b></td>
				<td><input type="text" name="Answer"  id="Answer" size="30" value="" /></td>
			</tr>
			<tr>
				<td valign="top"  nowrap="nowrap"><font size="-1" face="Arial, sans-serif"><b>Email address:</b></font></td>
			    <td><input type="text" name="EmailAddress" id="EmailAddress" size="30" value="" onchange="verifyAddress()"/>
				<img src="" border=0 width=30 height=30 id="EmailAddressPic" name="EmailAddressPic" style="display:none"/>
				</td>
			</tr>
			<tr>
				<td valign="top"><font size="-1" face="Arial, sans-serif"><b>Word Verification::</b></font></td>
				<td>
  					<table>
						<tr>
							<td valign="top"><span class="gaia captchahtml desc">Type the characters you see in the picture below.</span>
							<div>
  							<img src="RandCodeImage" width='200' height='70' alt="Click to change a verification word" onclick="this.src='loading.jpg'; this.src='RandCodeImage'" id="verificationPicture"/>
  							</div>
							</td>
						</tr>
						<tr>
							<td><input type="text" name="WordVerification" id="WordVerification" size="20" />
							<img src="" border=0 width=30 height=30 id="WordVerificationPic" name="WordVerificationPic" style="display:none"/>
							<div>The letters are not case-sensitive.</div>
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td></td>
				<td colspan="1" align="center"><input type="submit" value="Create my account." /></td>
			</tr>
		</table>	
	</form>
	<div id="createStatus"></div>
	</div>								
</body>
</html>